/*------------------app.nav.dock.less begin-----------------------*/
@media (min-width: $app-aside-dock-media) {
    .app-aside-dock{
        .app-content,
        .app-footer{
            margin-left: 0;
        }
        .app-aside-footer ~ div{
            padding-bottom: 0;
        }
        &.app-aside-fixed{
            &.app-header-fixed{
                padding-top: 115px;
            }
            .app-aside{
                position: fixed;
                top: 50px;
                width: 100%;
                z-index: 1000;
            }
        }
        .app-aside,
        .aside-wrap,
        .navi-wrap{
            float: none;
            width: 100% !important;
            position: relative;
            top: 0;
            overflow: visible !important;
        }

        .app-aside{
            bottom: auto !important;
            &.b-r{
                border-right-width: 0;
                border-bottom:1px solid $border-color;
            }
            &:before {
                display: none;
            }
            nav > .nav{
                float: left;
            }
            .hidden-folded,
            .line,
            .navi-wrap > div{
                display: none !important;
            }
            .navi > ul > li{
                position: relative;
                float: left;
                display: inline-block;
                > a{
                    padding: 10px 15px 12px 15px;
                    text-align: center;
                    height: auto;
                    > .badge,
                    > .label{
                        position: absolute;
                        top: 5px;
                        right: 8px;
                        padding: 1px 4px;
                    }
                    > i{
                        margin-left: auto;
                        margin-right: auto;
                        margin-bottom: -7px;
                        margin-top: -10px;
                        display: block;
                        float: none;
                        font-size: 14px;
                        line-height: 40px;
                        width: 40px;
                    }
                    > span.pull-right{
                        position: absolute;
                        bottom: 2px;
                        left: 50%;
                        margin-left: -6px;
                        display: block !important;
                        line-height: 1;
                        i {
                            &.text{
                                @include rotate(90deg);
                                line-height: 14px;
                            }
                            line-height: 12px;
                            width: 12px;
                            font-size: 12px;
                        }
                    }
                    > span{
                        font-weight: normal;
                        display: block;
                    }
                }
                .nav-sub{
                    height: auto !important;
                    display: none;
                    position: absolute;
                    left: 0;
                    top: auto !important;
                    z-index: 1050;
                    width: $app-aside-width;
                    @include box-shadow(0 2px 6px rgba(0,0,0,0.1));
                }
                .nav-sub-header{
                    display: none !important;
                }
            }
            .navi li li a{
                padding-left: 15px;
            }
            .navi li:hover,
            .navi li:focus,
            .navi li:active{
                .nav-sub{
                    display: block;
                    opacity: 1;
                    margin-left: 0;
                    height: auto !important;
                    overflow: auto;
                }
            }
        }
    }
}
